<script type="text/javascript" src="{$CONTEXT.URLBASE}js/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="{$CONTEXT.URLBASE}js/galleryview-2.1.1/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="{$CONTEXT.URLBASE}js/galleryview-2.1.1/jquery.galleryview-2.1.1.js"></script>
<script type="text/javascript" src="{$CONTEXT.URLBASE}js/galleryview-2.1.1/jquery.timers-1.2.js"></script>
{literal}
<script type="text/javascript">
	$(document).ready(function(){
		$('#photos').galleryView({
			panel_width: 800,
			panel_height: 300,
			frame_width: 100,
			frame_height: 100
		});
	});
</script>
{/literal}

<div id="photos" class="galleryview">
{section name=item loop=$CONTENT.items}
  <div class="panel">
    {pp_pimage src=$CONTENT.items[item].value eid=$CONTENT.items[item].id url=$CONTEXT.URLBASE path_prefix="===CONFIG_DIR_UPLOADS_THUMBS" width=$CONTENT.items[item].width height=$CONTENT.items[item].height lw="120" lh="120"}
    <div class="panel-overlay">
      <h2>{$CONTENT.items[item].name}</h2>
      <p></p>
    </div>
  </div>
{/section}
</div>
